<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>List</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style/style.css" />
        <script src="jquery/jquery-1.8.3.js" ></script>
        <script src="jquery/jquery-1.8.3.min.js" ></script>
    </head>
    <body>
        <div id="wrapper_list">
            <div id="sort_list">
                Sắp xếp
                <select id="sel_sortlist">
                    <option>Ngày bắt đầu</option>
                    <option>Ngày kết thúc</option>
                    <option>Giá cao nhất</option>
                </select>
                <select id="sel_updown">
                    <option>Tăng dần</option>
                    <option>Giảm dần</option>
                </select>
            </div>
            <div class="clear_float"></div>
            <div class="list_product">
                <img src="../images/mouse_200.jpeg" class="imgProductList" alt="" />
                <p><a href="#" class="products_name_list">TÊN SẢN PHẨM</a></p>
                <p>Ngày bắt đầu: <span class="detail_list">11/06/2013</span></p>
                <p>Ngày kết thúc: <span class="detail_list">20/06/2013</span></p>
                <p>Giá cao nhất: <span class="detail_list">5.000.000 VND</span></p>
                <div class="clear_float"></div>
            </div>
            <div class="list_product">
                <img src="images/mouse_200.jpeg" class="imgProductList" alt="" />
                <p><a href="#" class="products_name_list">TÊN SẢN PHẨM</a></p>
                <p>Ngày bắt đầu: <span class="detail_list">11/06/2013</span></p>
                <p>Ngày kết thúc: <span class="detail_list">20/06/2013</span></p>
                <p>Giá cao nhất: <span class="detail_list">5.000.000 VND</span></p>
                <div class="clear_float"></div>
            </div>
            <div class="list_product">
                <img src="images/mouse_200.jpeg" class="imgProductList" alt="" />
                <p><a href="#" class="products_name_list">TÊN SẢN PHẨM</a></p>
                <p>Ngày bắt đầu: <span class="detail_list">11/06/2013</span></p>
                <p>Ngày kết thúc: <span class="detail_list">20/06/2013</span></p>
                <p>Giá cao nhất: <span class="detail_list">5.000.000 VND</span></p>
                <div class="clear_float"></div>
            </div>
            <div class="list_product">
                <img src="images/mouse_200.jpeg" class="imgProductList" alt="" />
                <p><a href="#" class="products_name_list">TÊN SẢN PHẨM</a></p>
                <p>Ngày bắt đầu: <span class="detail_list">11/06/2013</span></p>
                <p>Ngày kết thúc: <span class="detail_list">20/06/2013</span></p>
                <p>Giá cao nhất: <span class="detail_list">5.000.000 VND</span></p>
                <div class="clear_float"></div>
            </div>
            <div class="list_product">
                <img src="images/mouse_200.jpeg" class="imgProductList" alt="" />
                <p><a href="#" class="products_name_list">TÊN SẢN PHẨM</a></p>
                <p>Ngày bắt đầu: <span class="detail_list">11/06/2013</span></p>
                <p>Ngày kết thúc: <span class="detail_list">20/06/2013</span></p>
                <p>Giá cao nhất: <span class="detail_list">5.000.000 VND</span></p>
                <div class="clear_float"></div>
            </div>
            <div class="pagebreak">
                Đầu Trước 1, 2, 3, 4, 5 Sau Cuối
            </div>
            <div class="clear_float"></div>
        </div>
    </body>
</html>